import React from 'react'
import A from './A'
import B from './B'

export default class App extends React.Component {
  // 父组件提供数据和操作数据的方法
  state = {
    count: 0,
  }
  changeCount = (num) => {
    // 父亲接收参数并修改数据
    // 数据一旦发生变化了
    // 单项数据的思想，使用到数据的 B 组件自然就变了
    this.setState({ count: this.state.count + num })
  }
  render() {
    return (
      <div>
        {/* 把操作数据的方法传递给 A 组件 */}
        <A changeCount={this.changeCount} />
        <hr />
        {/* 把数据传递给 B 组件 */}
        <B count={this.state.count} />
      </div>
    )
  }
}
